<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title locale-html="setting.header.title">layout 设置 - Layui</title>
  <link rel="stylesheet" href="../../lib/layui/css/layui.css">
</head>
<body>
    <div class="layui-layout-setting">
        <div class="layui-pane">
            <div class="layui-setting-title">
                <span locale-html="setting.theme.title"></span>
            </div>
            <div class="layui-setting-content">
                <ul class="setting-skin-box"></ul>
            </div>
        </div>
        <div class="layui-pane">
            <div class="layui-setting-title">
                <span locale-html="setting.layout.title"></span>
            </div>
            <div class="layui-setting-content">
                <form class="layui-form setting-layout-form">
                    <div class="layui-form-item">
                        <label class="layui-form-label" locale-html="setting.layout.side">菜单栏</label>
                        <div class="layui-input-block">
                            <input type="checkbox" lay-skin="switch" lay-text="展开|收缩" lay-filter="toggleSideFlexible">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label" locale-html="setting.layout.head">头部</label>
                        <div class="layui-input-block">
                        <input type="checkbox" lay-skin="switch" lay-text="显示|隐藏" lay-filter="toggleHeaderHidden">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label" locale-html="setting.layout.footer">尾部</label>
                        <div class="layui-input-block">
                        <input type="checkbox" lay-skin="switch" lay-text="隐藏|显示" lay-filter="toggleFooterHidden">
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="../../lib/layui/layui.js"></script>
    <script type="text/javascript" src="../../js/config.js"></script>
    <script type="text/javascript" src="../../js/i18n.js"></script>
    <script>
        layui.config({
            base: "../../js/modules/",
            version: true
        }).use(['mSetting'], function() {
            var mSetting = layui.mSetting;
            
            mSetting.render();
        });
    </script>
</body>
</html>